<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
    <title>Document</title>
    <link rel="stylesheet" href="../static/libs/iconfont/图标图标/iconfont.css">
    <link rel="stylesheet" href="./css/daohang.css">
    <link rel="stylesheet" href="../static/libs/javascripts/swiper-bundle.min.css">
    <script src="../static/libs/javascripts/swiper-bundle.min.js"></script>
    <script src="../static/libs/javascripts/jQuery.js"></script>
    <script src="../static/libs/javascripts/cookie.js"></script>
    <script src="./javascripts/louti.js"></script>
    <script src="../static/libs/javascripts/jquery.lazyload.js"></script>
</head>

<body>
    <div class="header-fixed">
        <div class="header-top-container">
            <ul class="ul_lb">
                <li class="lb"><a href="./register.html">注册</a><a href="./login.html">/登录</a></li>
                <li>在线客服</li>
                <li>帮助中心</li>
                <li>订单追踪</li>


            </ul>
        </div>
        <div class="header-bot-container">
            <img src="https://static.adidas.com.cn/images/logo-new.png" class="logo">
            <ul>
                <li><a href="../dist/liebiao.html">男子</a></li>
                <li><a href="https://www.adidas.com.cn/men?plpranking=A">女子</a></li>
                <li><a href="https://www.adidas.com.cn/kids?plpranking=A">儿童</a></li>
                <li>运动</li>
                <li>品牌</li>
                <li><a href="https://www.adidas.com.cn/adiclub_12off?plpranking=A">会员首单88折</a></li>
                <li><a href="https://www.adidas.com.cn/campaign/iin_ssr?plpranking=A">看见每一种可能</a></li>
            </ul>
            <input type="text">
            <span class="iconfont icon-fangdajing"></span>
        </div>
    </div>
    <div>
        <img src=" https://img.adidas.com.cn/resources/2021kvbanner/8/1/%E8%B0%A2%E9%9C%87%E4%B8%9A1920_720.jpg" alt="">
    </div>
    <div class="bigbox">
        <div>
            <img src="https://img.adidas.com.cn/resources/2021kvbanner/8/1/%E5%BC%A0%E5%B8%B8%E5%AE%81924_613.jpg"
                alt="">
        </div>
        <div>
            <img src="https://img.adidas.com.cn/resources/2021kvbanner/7/%E6%B8%B8%E6%B3%B3/e48468da95855589681f348c8716e5f.jpg"
                alt="">
        </div>
        <div>
            <img src="https://img.adidas.com.cn/resources/2021kvbanner/7/%E6%B8%B8%E6%B3%B3/957cdfdae61e2daec5badb127d4731e.jpg"
                alt="">
        </div>
        <div>
            <img src="https://img.adidas.com.cn/resources/2021kvbanner/7/%E6%B8%B8%E6%B3%B3/957cdfdae61e2daec5badb127d4731e.jpg"
                alt="">
        </div>
    </div>
    <div class="box1">
        <img src=" https://img.adidas.com.cn/resources/2021kvbanner/7/88/1/9c30166d11ce1732d25b79674face18.jpg" alt="">
    </div>
    <div class="box1">
        <img src="https://img.adidas.com.cn/resources/2021kvbanner/7/OZ/kv-pc.jpg" alt="">
    </div>
    <div class="box1">
        <img src="https://img.adidas.com.cn/resources/2021kvbanner/7/88/kv-pc.jpg" alt="">
    </div>
    <div class="bigbox1">
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/7/NEO/feature-pc1(10).jpg" alt=""></div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/7/asmc/feature-pc.jpg" alt=""></div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/CFD%20APP/7%E6%9C%88/feature-pc(5).jpg" alt="">
        </div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/CFD%20APP/7%E6%9C%88/feature-pc(5).jpg" alt="">
        </div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/5/HEAT.RDY/feature-pc(1).jpg" alt=""></div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/7/fbx/feature-pc1.jpg" alt=""></div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/7/restomod/feature-pc.jpg" alt=""></div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/6/AD/feature-pc(126).jpg" alt=""></div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/7/KK/feature-pc.jpg" alt=""></div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/7/feature-pc.jpg" alt=""></div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/6/GOLF/feature-pc-1.jpg" alt=""></div>
        <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/4/rnloop/feature-pc1.jpg" alt=""></div>
    </div>
    <div class="bigbox2">
        <h3>热门精选</h3>
        <div class="box3">
            <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/key_silo/6/5.png?version=000000" alt="">
                <p>SUPERSTAR</p>
            </div>
            <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/key_silo/6/6.png?version=000000" alt="">
                <p>ULTRA BOOST</p>
            </div>
            <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/key_silo/6/8.png?version=000000" alt="">
                <p>OZWEEGO</p>
            </div>
            <div><img src="https://img.adidas.com.cn/resources/2021kvbanner/key_silo/6/11.png?version=000000" alt="">
                <p>FORUM</p>
            </div>

        </div>

    </div>
    <div class="box4">
        <h3>本月主推</h3>
    </div>
    <div class="swiper-container container1">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a
                    href="https://www.adidas.com.cn/item/GW2443?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/5/20/16215031158451529.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>


                <a
                    href="https://www.adidas.com.cn/item/S23863?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/5/20/16215048433534906.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3"></a>
                <a
                    href="https://www.adidas.com.cn/item/GW2499?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/2/24/16141497808465638.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3"></a>
                <a
                    href="https://www.adidas.com.cn/item/GZ5281?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2020/11/27/1606449460620955.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3"></a>
            </div>
            <div class="swiper-slide">
                <a
                    href="https://www.adidas.com.cn/item/GW5824?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/5/20/16215031540648615.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a
                    href="https://www.adidas.com.cn/item/Q46167?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/3/30/16170953552624370.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a
                    href="https://www.adidas.com.cn/item/GW0299?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/6/16/16238256703948676.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a
                    href="https://www.adidas.com.cn/item/GX3489?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/4/28/16195946241254190.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3"></a>
            </div>
            <div class="swiper-slide">
                <a
                    href="https://www.adidas.com.cn/item/GX2957?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/6/3/16227135975301358.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a
                    href="https://www.adidas.com.cn/item/FV3330?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2020/2/1/15805560394383000.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a
                    href="https://www.adidas.com.cn/item/H04628?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/4/28/16195950884752406.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a
                    href="https://www.adidas.com.cn/item/H04629?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/4/28/1619595093288286.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
            </div>
            <div class="swiper-slide">
                <a
                    href="https://www.adidas.com.cn/item/GX6028?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/4/28/16195946336963703.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a
                    href="https://www.adidas.com.cn/item/EG4958?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/4/16/16185452959271717.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a
                    href="https://www.adidas.com.cn/item/FZ3661?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2020/12/24/16088089467857082.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a
                    href="https://www.adidas.com.cn/item/FZ1807?g=monthlyrecommend&locale=&recommendId=203fff083682418795faaa6b7848d108&page=home">
                    <img src="https://img.adidas.com.cn/resources/2020/12/31/16094044106023715.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
            </div>

        </div>
        <!-- 左右按钮 -->
        <div class="swiper-button-next next1"></div>
        <div class="swiper-button-prev next1"></div>
        <!-- jQuery分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
    <script>
        var container1 = new Swiper(".container1", {
            loop: true,
            autoplay: true,
            effect: "fade",
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
                bulletActiveClass: 'active',
                dynamicBullets: true,
            }

        });


        // 改变分页器除非页面改变的事件; 
        var bullets = container1.pagination.bullets;

        for (var i = 0; i < bullets.length; i++) {
            bullets[i].onmouseover = function () {
                this.click();
            }
        }
    </script>


    <div class="box4">
        <h3>本周热卖</h3>
    </div>

    <div class="swiper-container container1">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="https://www.adidas.com.cn/item/BB6166?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2019/6/28/15617019446289689_324X324.jpg" alt=""
                        class="img3">
                </a>


                <a href="https://www.adidas.com.cn/item/GW0298?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/6/16/1623825641708504.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3"></a>
                <a href="https://www.adidas.com.cn/item/H02537?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/1/5/16098450902648671.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3"></a>
                <a href="https://www.adidas.com.cn/item/GW0299?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/6/16/16238256703948676.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3"></a>
            </div>
            <div class="swiper-slide">
                <a href="https://www.adidas.com.cn/item/EG4958?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/4/16/16185452959271717.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a href="https://www.adidas.com.cn/item/FZ3661?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2020/12/24/16088089467857082.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a href="https://www.adidas.com.cn/item/GY2648?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/6/22/16243416705922429.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a href="https://www.adidas.com.cn/item/FZ2477?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/5/19/16214120841466878.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3"></a>
            </div>
            <div class="swiper-slide">
                <a href="https://www.adidas.com.cn/item/EG1232?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2020/5/20/15899396803062949.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a href="https://www.adidas.com.cn/item/FX7663?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/1/29/16119098755882553.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a href="https://www.adidas.com.cn/item/CW0709?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2019/11/14/15737196905581521.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a href="https://www.adidas.com.cn/item/GX0994?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/6/3/16227135333467969.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="https://www.adidas.com.cn/item/FY2023?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2020/8/28/15986218867131626.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a href="https://www.adidas.com.cn/item/FW4258?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2020/5/11/15891634727022443.jpg?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a href="https://www.adidas.com.cn/item/H31090?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2021/7/8/162573251331346.JPG?x-oss-process=image/resize,m_pad,w_324,h_324,limit_0,color_ffffff"
                        alt="" class="img3">
                </a>
                <a href="https://www.adidas.com.cn/item/DQ3074?g=weeklybestseller&locale=&recommendId=&page=home">
                    <img src="https://img.adidas.com.cn/resources/2019/4/12/15550322519246087_324X324.jpg" alt=""
                        class="img3">
                </a>
            </div>

        </div>
        <!-- 左右按钮 -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <!-- jQuery分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
    <script>
        var container1 = new Swiper(".container1", {
            loop: true,
            autoplay: true,
            effect: "fade",
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
                // bulletActiveClass: 'active',
                dynamicBullets: true,
            }
        });

        // 改变分页器除非页面改变的事件; 
        var bullets = container1.pagination.bullets;
        for (var i = 0; i < bullets.length; i++) {
            bullets[i].onmouseover = function () {
                this.click();
            }
        }
    </script>

    <div class="footer-top">
        <ul>
            <li>联系我们</li>
            <li>在线客服</li>
            <li>400-999-5999</li>
            <li>service@adidas.com</li>
            <li>9:00-22:00</li>
            <li class="l1">订单追踪</li>
        </ul>
    </div>


    <ul class="stairs">
        <li class="li1">
            <div></div>
            <p>小花</p>
        </li>
        <li class="li1 li2">
            <div></div>
            <p>回到顶部</p>

        </li>

    </ul>
    <script>
        if (getCookie("username")) {
            $(".lb").text(getCookie("username"));
            $(".ul_lb").append(
                `<li class="zhuxaio">注销登录</li>`
            )
        }
        $(".ul_lb").on("click", ".zhuxaio", function () {
            removeCookie("username")
            removeCookie("userid")
            removeCookie("token")
            location.reload()
        })

    </script>

    <div class="dibu">
        <img src="../static/tupian/底部.png" alt="">
    </div>
    <div class="dibu1">
        <img src="../static/tupian/底部1.png" alt="">
    </div>
    <!-- <button id="btn">发送请求</button> -->
    <div id="container"></div>
    <script src="../static/libs/javascripts/jQuery.js"></script>
    <script src="../dist/javascripts/jquery.lazyload.js"></script>
    <script>
        // 无限加载 : 
        // 1. 什么事件触发的无限加载 ? 
        // - window.onscroll
        // - 页面卷动事件; 
        $(function () {
            // let btn = $("#btn");
            let container = $("#container");
            let height_array;
            let start = 24;

            $(window).ready(function () {
                // 如果一个函数是异步函数，那么我们在使用这个函数的时候，注意这个函数的返回值是promsie对象; 
                load()
                    .done(function (data) {
                        render(data.data.object_list);
                        start = data.data.next_start;
                        sort();
                        // 只有在渲染页面之后，才可以获取到图片给图片添加懒加载效果; 
                        $(".lazy").lazyload();
                    });
            })

            function load() {
                let options = {
                    url: "http://127.0.0.1:8888/proxy/dt",
                    type: "GET",
                    data: {
                        include_fields: "top_comments,is_root,source_link,item,buyable,root_id,status,like_count,sender,album,reply_count",
                        filter_id: "文字句子",
                        start: start,
                    },
                    dataType: "json"
                }
                return $.ajax(options);
            }
            function render(list) {
                // html : 清空之前的内容，并放入新内容; 
                // append : 保留之前的内容插入新内容; 
                container.append(list.map(
                    item => `
                                <div class="box" >
                                      <img class="lazy" height=${item.photo.height / item.photo.width * 235} data-original=${item.photo.path}>
                                </div>
                          `
                ).join(""));
            }
            // 瀑布流排序 : 
            function sort() {
                let $box = $(".box")
                // 分割 : 第一行的元素和其他的元素; 
                // 存储瀑布流每一列的高度; 
                height_array = [];
                let offset_array = [];
                $.each($box, function (index, ele) {
                    // 区分第一行的元素; 
                    if (index < 4) {
                        height_array.push($(ele).outerHeight());
                        // 记录每个元素的left值; 
                        // - 参照物应该是外部的定位元素; 
                        offset_array.push($(ele).position().left);
                    } else {
                        // 其余等待排列的元素
                        // 在数组之中取得最小值高度; 
                        let min_height = Math.min.apply(false, height_array);
                        // 取出offset_array 之中和最小高度下标相同位置的left值，并把这个left值赋值给当前的元素;
                        let min_index = height_array.indexOf(min_height);
                        let _left = offset_array[min_index]

                        // 把剩余等待排列的元素放到最小高度元素的下面; 
                        $(ele).css({
                            position: "absolute",
                            top: min_height,
                            left: _left
                        });

                        // 记录当前拼接好的数据， 给height_array 增加的高度; 
                        height_array[min_index] += $(ele).outerHeight();
                    }
                })
                console.log(height_array);
            }
            // 页面卷动事件 : 
            let t = null;
            let loading = false;
            $(window).scroll(function () {
                if (typeof t === "number") {
                    return false;
                }
                t = setTimeout(function () {
                    t = null;
                    var scrollTop = $("html,body").scrollTop();
                    // 设置一个阈值; 
                    // - 确定什么时候我们去加载新数据， 渲染页面; 
                    // - 阈值的由来 : 我们什么时候图片加载到页面最下方了，那么我们什么时候去进行图片加载; 
                    // - 判断如果显示到了高度数组之中最矮的那一列高度那么我们就开始加载; 
                    let min_height = parseInt(Math.min.apply(false, height_array));

                    // 怎么判断元素显示; 
                    var scrollTop = $("html,body").scrollTop();
                    // 判定必须没有开始加载图片，我们采取判定是否应该加载图片; 
                    if (!loading && (scrollTop + innerHeight + 200 > min_height)) {
                        loading = true;
                        console.log("加载图片");
                        load()
                            .done(function (data) {
                                start = data.data.next_start;
                                loading = !loading;
                                render(data.data.object_list);
                                sort();
                                // 只有在渲染页面之后，才可以获取到图片给图片添加懒加载效果; 
                                $(".lazy").lazyload();
                            });
                    }
                }, 100)
            })
        })
    </script>








</body>

</html>